<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>玛莎拉蒂（Maserati）-购物车</title>
	<link rel="icon" href="/img/shortcut.ico"/>
	<link rel="stylesheet" type="text/css" href="/css/header.css"/>
	<link rel="stylesheet" type="text/css" href="/css/footer.css"/>
    <link rel="stylesheet" href="/libs/carcount/css/reset.css">
    <link rel="stylesheet" href="/libs/carcount/css/carts.css">
</head>
<body>
	<header></header>
    <section class="cartMain">
        <div class="cartMain_hd">
            <ul class="order_lists cartTop">
                <li class="list_chk">
                    <!--所有商品全选-->
                    <input type="checkbox" id="all" class="whole_check">
                    <label for="all"></label>
                    全选
                </li>
                <li class="list_con">商品信息</li>
                <li class="list_info">商品参数</li>
                <li class="list_price">单价</li>
                <li class="list_amount">数量</li>
                <li class="list_sum">金额</li>
                <li class="list_op">操作</li>
            </ul>
        </div>

        <div class="cartBox"></div>
			
			<script type="text/html" id="cartBoxtemplate">
				{{each cart item index}}
				
				<div class="order_content">
					<ul class="order_lists">
						<li class="list_chk">
							<input type="checkbox" id="checkbox_{{index+1}}" class="son_check">
							<label for="checkbox_{{index+1}}"></label>
						</li>
						<li class="list_con">
							<div class="list_img"><a href="javascript:;"><img src="{{item.photo[0].url}}" alt=""></a></div>
							<div class="list_text"><a href="javascript:;">{{item.title}}</a></div>
						</li>
						<li class="list_info">
							<p>{{item.accessoryHints[0]}}</p>
							<p>{{item.accessoryHints[1]}}</p>
						</li>
						<li class="list_price">
							<p class="price">￥{{item.originPrice}}</p>
						</li>
						<li class="list_amount">
							<div class="amount_box" data-id="{{item.id}}">
								<a href="javascript:;" class="reduce reSty">-</a>
								<input type="text" value="{{item.count}}" class="sum">
								<a href="javascript:;" class="plus">+</a>
							</div>
						</li>
						<li class="list_sum">
							<p class="sum_price">￥{{(item.originPrice*item.count).toFixed(2)}}</p>
						</li>
						<li class="list_op">
							<p class="del"><a href="javascript:;" class="delBtn">移除商品</a></p>
						</li>
					</ul><!-- 一个商品结束 -->
				
				</div>
				{{/each}}
			
			<div class="bar-wrapper">
			    <div class="bar-right">
			        <div class="piece">已选商品<strong class="piece_num">{{item}}</strong>件</div>
			        <div class="totalMoney">共计: <strong class="total_text">0.00</strong></div>
			        <div class="calBtn"><a href="javascript:;">结算</a></div>
			    </div>
			</div>
			</script>
    </section>
    <section class="model_bg"></section>
    <section class="my_model">
        <p class="title">删除宝贝<span class="closeModel">X</span></p>
        <p>您确认要删除该宝贝吗？</p>
        <div class="opBtn"><a href="javascript:;" class="dialog-sure">确定</a><a href="javascript:;" class="dialog-close">关闭</a></div>
    </section>
	<div class="empty">
		<p>你的购物车还没有任何宝贝呢！</p>
		<a href="/index.html">返回首页</a>
		<a href="/html/list.html?id=2">带我去逛逛</a>
	</div>
    <script src="/libs/require/require.js" data-main="/js/modules/shopcar"></script>
</body>
</html>